<style type="text/css">
    #good-wrap .nav-right h3{text-align: center;width: 265px;}
    #good-wrap .nav-right .description{margin: 15px 5px;}
    .photo-slider{float:left; background-color: white; width: 395px;height:395px;}
    .nav-right{float:right; background: #e9ecee; width: 295px; font-size: 14px;}
    .pp_content{ background: #e9ecee!important;}
    photo-slider{text-align: center}
    #good-wrap .element img.photo-element{height: 80%;
        width: 80%;
        padding: 10%;
    }
</style>
<div id="good-wrap">
    <div class="element">
        <div class="photo-slider">
            <img class="photo-element" src="<?= $this->good->getIconUrl(); ?>" />
        </div>
        <div class="nav-right">
            <h3 class="info-text"><?= $this->good->getTitle(); ?></h3>
            <div class="description"><?= $this->good->getDesc(); ?></div>
        </div>
    </div>
</div>